<template>
  <el-dialog v-model="dialogVisible" :title="title" width="760px">
    <div style="width: 700px; height: 360px; background-color: black; white-space: pre-wrap; overflow-y: auto; overflow-x: hidden; word-break: break-all; padding: 10px; color: #fff; line-height: 22px; text-align: left">
      {{content}}
    </div>
  </el-dialog>
</template>

<script>
export default {
  name: 'DeployTerimnal',
  data() {
    return {
      dialogVisible: false,
      title: '',
      content: ''
    }
  },
  methods: {
    show(title) {
      this.title = title
      this.dialogVisible = true
    },
    clear() {
      this.content = ''
    },
    append(str) {
      this.content += str
    },
    hide() {
      this.dialogVisible = false
    }
  }
}
</script>

<style scoped>

</style>